<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#registerForm").submit(function(){
			var id=$(":text[name=id]").val();
			if($(":text[name=id]").val()==""){
				alert("아이디를 입력하세요!");
				return false;
			} else if($(":password[name=password]").val()==""){
				alert("비밀번호를 입력하세요!");
				return false;
			} else if($(":text[name=name]").val()==""){
				alert("이름을 입력하세요!");
				return false;
			} else if($(":text[name=address]").val()==""){
				alert("주소를 입력하세요!");
				return false;
			} else if(id.length<4||id.length>11){
				alert("아이디 글자수를 확인해주세요!");
				return false;
			} else if(checkResult==true){
				alert("아이디 중복 체크를 확인하세요!");
				$(":text[name=id]").val("");
				$(":text[name=id]").focus();
				return false;
			} 
		})
		
		var checkResult=false;
		$(":text[name=id]").keyup(function(){
			//alert($(this).val());
			var id=$(this).val();
			if(id.length<4||id.length>11){
				$("#idresultview").html("아이디는 4자 이상 11자 이하로 입력하세요");
				return;
			} else {
				$.ajax({
					type:"post",
					url:"idcheckconsumer.do",
					data:"id="+id,
					dataType:"json",
					success:function(data){
						//alert(data);
						if(data.cvo==null){
							checkResult=false;
							$("#idresultview").html("사용가능한 아이디 입니다").css();
						} else {
							$("#idresultview").html("아이디 중복되어 사용 불가합니다").css("background","yellow");
							checkResult=true;
						}
					}
				})
			}
		})
	});
</script>
<body>
<form action="registerconsumer.do" method="post" id="registerForm">
ID : <input type="text" name="id"><span id="idresultview"></span><br>
PASSWORD : <input type="password" name="password"><br>
NAME : <input type="text" name="name"><br>
ADDRESS : <input type="text" name="address"><br>
<input type="submit" value="회원가입">
</form>
</body>
